<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Show Local Weather</title>
    <link href="https://fonts.googleapis.com/css?family=Secular+One" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <main class="page">
        <div class="wrapper">
            <img id="icon" src="">
            <p>
                <span id="city"></span>, <span id="country"></span>
                <br>
                <span id="temperature"></span> °<span id="unit">C</span>
                <br/>
                <span id="sky"></span>
            </p>

        </div>
        <footer class="site-footer">
            <p class="credits">
                Powered By <a href="http://openweathermap.org/current" target="_blank">OpenWeatherMap</a>. Built by <a href="https://github.com/maoxiaoke" title="@maoxiaoke.github" target="_blank">Maoxiaoke</a><br>
            </p>
        </footer>

    </main>

    <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
    <script src="js/index.js"></script>
</body>
</html>